<!DOCTYPE html>




<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			div {
				border: solid 1px grey;
			}

			span {
				display: inline-block;
				width: 150px;
				height: 30px;
				border: solid 1px #0000FF;
				cursor:pointer;
			}
			
			span:hover{
				position: relative;
				top: -3px;
				border: solid 1px #c766ff;
			}
		</style>
	</head>
	<body>
		<div>

			<span>
				图书
			</span>
			<span>
				分类
			</span>
			<span>
				工具
			</span>

		</div>





	</body>
</html>
